<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>公安</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <%= csrf_meta_tags %>
    <%= #stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= stylesheet_link_tag  'application', media: 'all', 'data-turbolinks-track' => true %>
    <%= yield :stylesheet_head %>
    <%= yield :javascript_head %>
   <style >
        .gz_notice{
                 display: inline-block;
                 position: absolute;
                 right: 10px;
                 bottom:0px;
                 width: 300px;
                 height:0px;
                 text-align: left;
                 color: red;
                 font-size: 2em;
                 font-weight: bold;
                  }
    </style>
  </head>
  <body>
      <%= yield %>
      <div class="gz_notice" id="message">
            <% if flash[:notice] -%>
                <%= flash[:notice] %>
            <% end -%>
     </div>
  </body>
     <%= #javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
     <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
     <%= yield :javascript_fool %>
     <%= yield :stylesheet_fool %>
       <script language="javascript">
          $(function(){
             <% if flash[:notice] -%>
              {   $("#message").animate({
                   'height':'100px'
                   },1000,function(){ setTimeout(function(){$("#message").fadeOut(3000);},2000);})
              }
             <% end -%>
          });
      </script>
</html>
